<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 
        范围
            最大高度 max-height  0-400px <=400px
            最小高度 min-height   >=400  多
            最大宽度 max-width 0-700 <=700
            最小宽度 min-width >=700  响应式布局
    -->
    <style>
        .box{
            height:400px; min-width:700px; background: pink;
        }
    </style>
</head>
<body>
    <div class="box">
          <p>  鞭炮响了</p>
          <p>  鞭炮响了</p>
          <p>  鞭炮响了</p>
          <p>  鞭炮响了</p>
          <p>  鞭炮响了</p>
          <p>  鞭炮响了</p>
          <p>  鞭炮响了</p>
          <p>  鞭炮响了</p>
          <p>  鞭炮响了</p>
          <p>  鞭炮响了</p>
          <p>  鞭炮响了</p>
       、
          
    </div>
</body>
</html>